@charset "UTF-8";
html {
    font-size: 100px;
}

body{margin: 0;padding: 0;line-height: 1;font-family: "Noto Sans SC",sans-serif;}
a{color: #191919;text-decoration: none;}
a:hover{color: #191919;text-decoration: none;}
li{list-style: none;display: inline-block;}
ul,li,p,span,h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
div,img,li,ul,a{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.flex-box{display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}

.header {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
}

.header .pc-top{padding: 0.55rem 0;width: 100%;}
.header .pc-top .row{display: flex; justify-content: space-between;align-items: center;flex-flow: row nowrap;}
.header .pc-top .logo{width: 3.14rem;}
.header .pc-top .logo img{width: 100%;height: 100%;display: block;}
.header .pc-top .items{display: flex;align-items: center;justify-content: space-between;}
.header .pc-top .items .item{margin-left: 0.4rem;margin-right: 0.4rem;width: 85px;text-align: center;}
.header .pc-top .items .item a{font-size: 0.18rem;font-family: "DIN Regular";display: block;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.header .pc-top .items .active a{font-size: 0.18rem;font-weight: 400;color: #E5E5E5;}
.header .pc-top .items i{display: inherit;margin-right: -26px;}

.header .slide{margin-top: 0;padding: 0.25rem 0;background-color: #ffffff;}

.header .mobile{position: fixed;top: 0;left: 0;z-index: 99;width: 100%;}
.header .mobile .m-top{background-color: #ffffff;width: 100%; height: 60px;line-height: 60px;display: flex;justify-content: space-between;align-items: center;flex-flow: row nowrap;padding: 0 15px;}
.header .mobile .m-top .m-logo{}
.header .mobile .m-top .m-logo img{display: block;width: 3rem;}
.header .mobile .m-top .icon-menu{position: relative;cursor: pointer;padding: 15px 0 15px 15px;}
.header .mobile .m-top .icon-menu:before{content: "";}
.header .mobile .m-top .icon-menu:after{content: "";}
.header .mobile .m-top .icon-menu i{margin: 4px 0;opacity: 1;}
.header .mobile .m-top .icon-menu:before,.header .m-top .icon-menu:after,.header .m-top .icon-menu i{
    width:17px;display: block;height: 2px;background-color: #76838f;border-radius: 1px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.header .mobile .m-top .menu-active:before{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0;
    -moz-transform-origin: 0;
    -ms-transform-origin: 0;
    -o-transform-origin: 0;
    transform-origin: 0;
}
.header .mobile .m-top .menu-active:after{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0;
    -moz-transform-origin: 0;
    -ms-transform-origin: 0;
    -o-transform-origin: 0;
    transform-origin: 0;
}
.header .mobile .m-top .menu-active i{opacity: 0;}

.header .mobile .menu-box{background-color: #c2c2c2;height: 0;overflow: hidden;min-height: 0;width: 100%;}
.header .mobile .menu-box .items{width: 100%;padding: 25px 0;}
.header .mobile .menu-box .items .item{width: 100%;text-align: center;display: block;line-height: 3;}
.header .mobile .menu-box .items .item a{font-size: 16px;font-family:  'DIN Medium';font-weight: bold;display: block;}
.header .mobile .menu-box .items .active a{font-size: 16px;font-weight: 400;color: #ffffff;}


.banner{width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;left: 0;top: 0;}
.banner-index{background-image: url("../images/banner-index.jpg");height: 8.62rem; padding-top:1.54rem;}
.banner-index .img-box{width: 50.60%;}
.banner-index .img-box img{width: 100%; display: block;}
.banner-about{background-image: url("../images/banner-about.jpg");height: 8.62rem;padding-top: 2.0rem;}
.banner-about .img-box{width: 49.6%;}
.banner-about .img-box img{width: 100%; display: block;}
.banner-case{background-image: url("../images/banner-case.jpg");height: 8.62rem; padding-top: 2.0rem;}
.banner-case .img-box{width: 45.0%;}
.banner-case .img-box img{width: 100%; display: block;}
.banner-article{height: 9.31rem;padding-top: 1.54rem;}
.banner-service{background-image: url("../images/banner-service.jpg");height: 11.31rem;}
.banner-contact{background-image: url("../images/banner-contact.jpg");height: 12.31rem;padding-top: 6.2rem;padding-bottom: 0.66rem;}
.banner-contact .img-box{width: 70.0%;}
.banner-contact .img-box img{width: 100%; display: block;}
.index{}
.page{position: relative;}
.main{width: 100%;}
.layer{width: 82%;}

.index .about{padding-top: 0.65rem; padding-left: 18%;}
.index .about .left{width: 100%; margin-right: -0.65rem; z-index: 99999}
.index .about .right{width: 49%;}

.index .about .left img{width: 100%;}
.index .about .right img{width: 100%;}

.index .about .left-2{width: 45%;}
.index .about .right-2{width: 58%;z-index: 9999;margin-left:-0.50rem; margin-top: 0.85rem;}

.index .about .left-2 img{width: 100%;}
.index .about .right-2 img{width: 100%;}

.index .about .left-3{width: 42% !important; }
.index .about .right-3{width: 56%;padding-left: 10%; margin-top: 1.4rem;}
.index .about .left-3 img{width: 100%;}
.index .about .right-3 img{width: 100%;}

/**.index .about .left-3{width: 60%;padding-right: 0.74rem;}**/
.index .about .left-3 .t{margin-top: 0.44rem;margin-bottom: 0.42rem;}
.index .about .left-3 .t span{font-size: 32px;font-weight: 500;display: block;}
.index .about .left-3 .c{display: flex;flex-flow: column nowrap;justify-content: space-between;align-items: flex-end; }
.index .about .left-3 .c .item{position: relative; left:0; top: 0;cursor: pointer;}
.index .about .left-3 .c .item .img{position: relative; left:0; top: 0;z-index: 1;opacity: 0.01;visibility: hidden;height: 1.12rem;background-color: #ffffff;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.index .about .left-3 .c .item .img img{display: block;height: 100%;margin-left: auto;max-width: 100%;}
.index .about .left-3 .c .item .text{position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;display: flex;justify-content: flex-end;}
.index .about .left-3 .c .item .text p{width:100%; font-size: 16px;font-weight: 400;line-height : 28px;color : #191919;text-decoration : underline;}
.index .about .left-3 .b{display: flex;flex-flow: row nowrap;justify-content: space-between;margin-top: 0.3rem;}
.index .about .left-3 .b .img1{width: 16.66%;}
.index .about .left-3 .b .img2{width: 66.66%;}
.index .about .left-3 .c .item:hover .img{ opacity: 1;visibility: visible;}

.index .about .left-3 .c .active .img{opacity: 1;visibility: visible;}

.index .case{width: 82%;margin-top: 1.2rem;position: relative;z-index: 1; padding-left: 18%;}
.index .case .box{width: 100%;display: flex;justify-content: space-between;flex-flow: row wrap;align-items: flex-start;}
.index .case .box .right{width: 40%;}
.index .case .box .left{width: 60%;}
.index .case .box .left .t{display: flex;justify-content: space-between;flex-flow: row nowrap;width: 100%;}
.index .case .box .left .b{width: 100%;}
.index .case .box .item{position: relative;overflow: hidden;display: block;}
/**
.index .case .box .item .img-bg{width: 100%;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera 
    filter: grayscale(100%);
}**/
.index .case .box .item .mask{position: absolute;left:0;top: 0;color: #ffffff;display: flex;flex-flow: column nowrap;justify-content: center;align-items: center;width: 100%;height: 100%;background-color: rgba(51,51,51,0);opacity: 0;}
.index .case .box .item .mask h3{font-size: 0.5rem;font-weight: 500;text-align: center;margin-top: 0.67rem;width:60%;}
.index .case .box .item .mask h3:after{content: "";display: block;background-color: #ffffff;height: 1px;margin:0.29rem auto; }
.index .case .box .item .mask span{font-size: 0.2rem;font-weight: 400;}
.index .case .box .item .mask .icon-more{margin-top: 0.83rem;width: 0.46rem;}
.index .case .box .item .mask .icon-more img{width: 100%;}
.index .case .box .left .t .item .mask .icon-more{margin-top: 0.4rem;}
.index .case .box .left .t .mask h3{margin-top: 0.3rem;}

.index .case .box .item:hover .mask{background-color: rgba(51,51,51,0.4);opacity: 1;}
.index .case .box .item:hover .img-bg{
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}

.index .case .box .item:hover >style{

    filter: grayscale(0%);
}


.index .case .box2{flex-direction: row-reverse;}
.index .case .box2 .right{width: 30%;}
.index .case .box2 .left{width: 70%}
.index .case .box2 .left .item:last-child{width: 100%;background-color: #F0F0F0;display: flex;justify-content: center;align-items: center;}
.index .case .box2 .left .item .img-more{display: block;width: 2.98rem;}

.index .service{position: relative;z-index: 0;background-color: #C8C8C8;padding-top: 2.63rem;margin-top: -1rem;padding-bottom: 1rem;}
.index .service .row{flex-flow: row nowrap;}
.index .service .left {margin-right: 1.7rem;display: flex;flex-flow: column nowrap;align-items: flex-start;justify-content: space-between;
}
.index .service .left img{display: block;width: 0.95rem;}
.index .service .left span{display: block;font-size: 0.32rem;font-weight: 500;white-space: nowrap;}

.index .service .right{display: flex;justify-content: space-between;flex-flow: row nowrap;}
.index .service .right .item{margin-right: 1.5rem;width: 4.8rem;}
.index .service .right .item:last-child{margin-right: 0;}
.index .service .right .item h6{display: block;font-size: 0.56rem;color: #ffffff;font-family: "DIN Bold";}
.index .service .right .item span{display: block;font-size: 0.32rem;color: #000000;font-weight: 500;margin-bottom: 0.39rem;margin-top: 0.15rem;}
.index .service .right .item img{display: block;max-width: 100%;}

.footer{width: 100%;background-color: #333333;padding-top: 0.67rem;padding-bottom: 1rem;}
.footer .row{justify-content: center;align-items: center;flex-flow: row nowrap;}
.footer .row .footer-l{width: 12.06rem;}
.footer .row .footer-map{width: 2.8rem; margin-left: 55%}


.page .layer-1{margin-top: 0.65rem;position: relative;z-index: 1; padding-left: 18%;}
.page .layer-1 .top{display: flex;justify-content: space-between;flex-direction: row;flex-wrap: nowrap;width: 100%;background-color: #ffffff;}
.page .layer-1 .top .l{width: 40.13%;position: relative;}
.page .layer-1 .top .l img{display: block;position: absolute;top: 0;right: 0;margin-top: -0.56rem;width: 1.51rem;}
.page .layer-1 .top .r{width: 55.46%;display: flex;justify-content: flex-start;align-items: flex-end;padding-top: 1rem;}
.page .layer-1 .top .r img{width: 72.23%;display: block;}
.page .layer-1 .top .r span{font-size: 0.32rem;font-weight: 500;display: block;margin-left: 0.3rem;}
.page .layer-1 .box{width: 100%; display: flex;justify-content: space-between;flex-direction: row;}
.page .layer-1 .box .left{width: 45%;}
.page .layer-1 .box .left img{width: 80%;}
.page .layer-1 .box .left .img-2{width: 50% !important; margin-top: 0.62rem}
.page .layer-1 .box .right{width: 45%; }
.page .layer-1 .box .right img{width: 100%;}
.page .layer-1 .box .bottom-1{display:flex;width: 100%; justify-content: center; margin-top: 0.6rem;}
.page .layer-1 .box .bottom-1 img{width: 80%; }

.page .layer-1 .box .right .items{width: 100%;display: flex;flex-direction: column;align-items: flex-start;padding-top: 1.39rem;}
.page .layer-1 .box .right .items .item{display: block;margin-bottom: 0.26rem;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}
.page .layer-1 .box .right .items .item:nth-child(1){align-self: center;}
.page .layer-1 .box .right .items .item:nth-child(2){align-self: flex-end;}
.page .layer-1 .box .right .items .item:last-child{margin-bottom: 0;}
.page .layer-1 .box .right .items .item img{max-width: 100%;height: 1.13rem;}


.page .layer-2{margin-top: 1.35rem;background-color: #F0F0F0; margin-bottom: 0.65rem; padding-left:18%;}
.page .layer-2 .row{justify-content: center;flex-direction: row;}
.page .layer-2 .left{width: 100%;}
.page .layer-2 .left img{display: block;max-width: 100%;}
.page .layer-2 .right{width: 55.46%;display: flex;flex-direction: column;justify-content: space-around;}
.page .layer-2 .right .box{width: 71.99%;margin-left: auto;}
.page .layer-2 .right .t{margin-bottom: 0.27rem;}
.page .layer-2 .right .t p{font-size: 18px;color: #000000;line-height: 1.8;font-weight: 400;text-decoration : underline;}
.page .layer-2 .right .b{display: flex;justify-content: space-between;flex-direction: row;flex-wrap: nowrap;}
.page .layer-2 .right .b p{font-size: 14px;color: #808080;font-family: "DIN Regular";width: 46%;line-height: 1.4;}
.page .layer-2 .right img{display: block;margin-left: auto;width: 6rem;}

.page  .layer-3 {padding-top:0.65rem;padding-bottom:0.8rem}
.page  .layer-3 .row img{width:100%;height:7.8rem;}


.page .case{width:82%;margin-top: -0.32rem;position: relative;z-index: 1; padding-left: 18%;}
.page .case .case-text{width: 100%; margin-bottom:1.2rem}
.page .case .case-text img{width: 66%;}
.page .case .custom{width: 100%; margin-bottom: 0.65rem}
.page .case .custom img{width: 100%;}
.page .case .class{display: flex;justify-content: flex-start;flex-direction: row;flex-wrap: wrap;width: 100%;background-color: #fbc500;}
.page .case .class .item{padding-top: 0.93rem;padding-bottom: 0.32rem;text-align: center;display: block;flex: 1;width: 34%;cursor: pointer;
    -webkit-transition: width 2s;
    -moz-transition: width 2s;
    -ms-transition: width 2s;
    -o-transition: width 2s;
    transition: width 2s;
}
.page .case .class .item span{font-size: 0.36rem;color: #ffffff;display: block;font-weight: 500;margin-bottom: 0.13rem;}
.page .case .class .item p{font-size: 18px;color: #ffffff;display: block;}
.page .case .class .item1 {background-color: #c6010b;}

.page .case .class .item2{padding-top: 0.93rem;padding-bottom: 0.32rem;text-align: center;display: block;flex: 1;width: 66%;cursor: pointer;
    -webkit-transition: width 2s;
    -moz-transition: width 2s;
    -ms-transition: width 2s;
    -o-transition: width 2s;
    transition: width 2s;
}
.page .case .class .item2 span{font-size: 0.36rem;color: #ffffff;display: block;font-weight: 500;margin-bottom: 0.13rem;}
.page .case .class .item2 p{font-size: 18px;color: #ffffff;display: block;}


.page .case .class .active{width: 66%;flex: none;}
/**
.page .case .class .active span{color: #ffffff;}
.page .case .class .active p{color: #ffffff;}**/

.page .case .list{width: 100%;padding-bottom: 0.98rem;}
.page .case .list .items{width: 100%;margin-bottom: 0.7rem;}
.page .case .list .items .item{width: 32%;margin-bottom: 0.28rem;}
.page .case .list .items .item .img-box{display: block;overflow: hidden;}
.page .case .list .items .item .img-box img{width: 100%;max-height: 3.2rem;}
.page .case .list .items .item .title{display: block;font-size: 0.24rem;color: #333333; font-weight: 500;margin-top: 0.18rem;margin-bottom: 0.12rem;}
.page .case .list .items .item .info{width: 100%;}
.page .case .list .items .item .info p{display: block;color: #7F7F7F;font-size: 0.16rem;font-weight: 400;}
.page .case .list .items .item .info .more{display: block;color: #7F7F7F;font-size:0.16rem;font-weight: 400;}

.page .case .list .items .empty{width: 32%;}

.page .case .list .pages{width: 100%;}
.page .case .list .pages .items{margin-bottom: 0;justify-content: center;}
.page .case .list .pages .items .pageinfo{display: none;}
.page .case .list .pages .items li{background-color: #000000;margin-right: 0.1rem;}
.page .case .list .pages .items li:last-child{margin-right: 0;}
.page .case .list .pages .items li a{font-size: 20px;color: #ffffff;display: block;padding: 0.2rem 0.26rem;}
.page .case .list .pages .items .thisclass{font-size: 20px;color: #ffffff;display: block;padding: 0.2rem 0.26rem;}

.banner-article .box{}
.banner-article .box h1{font-size: 1.19rem;color: #ffffff;font-weight: 400;font-family: "DIN Regular";}
.banner-article .box h2{font-size:0.82rem;color: #191919;font-weight: 500;margin-top: 1.53rem;}

.page .case-show{background-color: #ffffff}
.page .case-show .box{width: 100%;}
.page .case-show .box .top{padding: 0.92rem 0 0.45rem 0;justify-content: space-around;background-color: #ffffff;margin-top: -1.81rem;border-bottom: 1px solid #BBBBBB;height: 3.62rem;overflow: hidden;}
.page .case-show .top .left{width: 30%;flex-direction: column;justify-content: flex-start;}
.page .case-show .top .left .s-t{font-size: 0.24rem;color: #666666;font-weight: 500;margin-bottom: 0.29rem;}
.page .case-show .top .left .s-c{font-size: 0.48rem;color: #808080;font-weight: 100;}
.page .case-show .top .left .position{font-size: 0.18rem;color: #000000;font-weight: 400;margin-top: auto;}
.page .case-show .top .left .position a{font-size: 0.18rem;color: #000000;font-weight: 400;display: inline-block;}
.page .case-show .top .left .position span{}
.page .case-show .top .right{width: 40%;}
.page .case-show .top .right p{font-size: 0.18rem;color: #666666;font-weight: 400;line-height: 1.8;}
.page .case-show .article{margin-top: 0.66rem;margin-bottom: 0.6rem;width: 100%;font-size: 16px;}
.page .case-show .article img{max-width: 100%;margin-bottom: 0.3rem;}
.page .case-show .article p{font-size: 16px;}

.page .case-show .turn-page{align-items: center;justify-content: space-around; border-top: 1px solid #BBBBBB;border-bottom: 1px solid #BBBBBB;padding: 0.32rem 0;}
.page .case-show .turn-page .prev img{margin-right: 0.28rem;}
.page .case-show .turn-page .next img{margin-left: 0.28rem;}
.page .case-show .turn-page .item{font-size: 16px;align-items: center;font-weight: 400;}
.page .case-show .turn-page .item img{display: block;width: 0.23rem;}
.page .case-show .turn-page .item a{color: #7680A4;font-size: 16px;}
.page .case-show .turn-page .item a:hover{text-decoration: underline;}
.page .case-show .turn-page .back{display: block;}
.page .case-show .turn-page .back img{display: block;width: 0.28rem;}

.page .case-show .hot-list{width: 100%;margin-top: 0.4rem;margin-bottom: 1rem;}
.page .case-show .hot-list .items{width: 100%;}
.page .case-show .hot-list .items .item{width: 32%;margin-bottom: 0.28rem;}
.page .case-show .hot-list .items .item .img-box{display: block;overflow: hidden;}
.page .case-show .hot-list .items .item .img-box img{width: 100%;max-height: 3.2rem;}
.page .case-show .hot-list .items .item .title{display: block;font-size: 0.24rem;color: #333333;margin-top: 0.18rem;margin-bottom: 0.12rem;font-weight: 500;}
.page .case-show .hot-list .items .item .info{}
.page .case-show .hot-list .items .item .info p{display: block;color: #7F7F7F;font-size: 0.16rem;font-weight: 400;}
.page .case-show .hot-list .items .item .info .more{display: block;color: #7F7F7F;font-size: 0.16rem;font-weight: 400;}

.page .service{width: 100%;margin-top: -1.95rem;}
.page .service .items{width: 100%;margin-bottom: 1.96rem;}
.page .service .items .item{width: 30%;}
.page .service .items .item .box{border: 1px solid #C8C8C8;position: relative;background-color: #ffffff;}
.page .service .items .item .box .box1{border: 1px solid #C8C8C8;text-align: center;padding-top: 0.85rem;padding-bottom: 0.42rem;position: relative;
    z-index: 1;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    top: -8px;
    left: -8px;}
.page .service .items .item .box .box1 img{height: 1.22rem; display: block;}
.page .service .items .item .box .box1 span{font-size: 0.6rem;font-weight: 100;color: #000000;display: block;margin-top: 0.73rem;margin-bottom: 0.2rem;}
.page .service .items .item .box .box1 p{font-size: 0.35rem;font-family: "DIN Bold";color: #000000;}
.page .service .items .item img{width: 100%;margin-top: -0.21rem;}

.page .contact{width:82%; padding-left:18%;}
/***
.banner-contact .container{height: 100%;}
.banner-contact .row{height: 100%;}
.banner-contact .box{width: 100%;height: 100%;display: flex;
    padding-left: 10%;
    padding-right:10%;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-end;}**/

.page { padding-bottom: 0.65rem;  };
.page .container{display:flex;width: 100%}
.page .container .contact-img{display:flex; width:100%; text-align:center; padding-top:0.65rem; padding-bottom:0.65rem}
.page .container .contact-img img{width:100%; height: 100%; object-fit: cover;}
.page  .center{margin-top: 0.65rem;width: 100%;  }
.page  .center .left{width: 33.81%;}
.page  .center .left img{width: 100%;display: block;}
.page  .center .right{width: 30%;margin-right: auto;margin-left: 1.2rem;}
.page  .center .right img{width: 65%;display: block;}
.page  .bottom{width: 100%;margin-top: 0.4rem;-moz-box-shadow:9px 9px 0 #C8C8C8; -webkit-box-shadow:9px 9px 0 #C8C8C8; box-shadow:9px 9px 0 #C8C8C8;}
.page  .bottom .item{font-size: 0.16rem;color: #808080;font-weight: 400;display: block;background-color: #F0F0F0;text-align: center;width: 50%;padding: 0.09rem 0;border: 1px solid #C8C8C8;}
.page  .bottom .item img{margin-right: 0.07rem;width: 0.12rem}
.page  .bottom .item:last-child img{width: 0.16rem}
.page  .bottom .item:hover{background-color: #ffffff;}

.min-footer{background-color: #333333;width: 100%;padding-top: 0.28rem;padding-bottom: 0.22rem;}
.min-footer .row{width: 90%;padding-left:13%;}
.min-footer .t{width: 100%;padding-bottom: 0.15rem;border-bottom: 1px solid #808080;}
.min-footer .t .items{width: 50%;justify-content: flex-start;align-items: center;}
.min-footer .t .items .item{margin-right: 0.26rem;}
.min-footer .t .items .item:last-child{margin-right: 0;}
.min-footer .t .items .item a{color: #808080;font-size: 16px;font-weight: 400;display: block;}
.min-footer .t .items .item a:hover{color: #ffffff;}
.min-footer .t .follow{width: 50%;justify-content: flex-end;align-items: center;}
.min-footer .t .follow span{color: #808080;font-size: 16px;font-weight: 400;}
.min-footer .t .follow a{margin-left: 0.25rem;}
.min-footer .t .follow a img{display: block;}
.min-footer .b{width: 100%;padding: 0.18rem 0;}
.min-footer .b p{color: #808080;font-size: 14px;font-weight: 400;}
.min-footer .b p a{color: #808080;font-size: 14px;font-weight: 400;}


.goTop{position:relative;}
.goTop .box{position: absolute;top: 0;right: 0;margin-top: -0.73rem;z-index:999;width:0.46rem;display: none;cursor: pointer;margin-right: -0.46rem;margin-left: 15rem;background-color: #ffffff;}
.goTop .box img{display:block;width:100%;}
.goTop .slide{position:fixed;bottom:0.5rem;top: auto;right:auto;margin-top:auto;margin-right: auto;}

/*声明 WebFont*/
@font-face {
    font-family: 'DIN Medium';
    src: url('../fonts/DIN Medium/DIN Medium.ttf');
    src:
            url('../fonts/DIN Medium/DIN Medium.eot?#font-spider') format('embedded-opentype'),
            url('../fonts/DIN Medium/DIN Medium.woff') format('woff'),
            url('../fonts/DIN Medium/DIN Medium.ttf') format('truetype'),
            url('../fonts/DIN Medium/DIN Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Regular';
    src: url('../fonts/DIN Regular/DIN Regular.ttf');
    src:
            url('../fonts/DIN Regular/DIN Regular.eot?#font-spider') format('embedded-opentype'),
            url('../fonts/DIN Regular/DIN Regular.woff') format('woff'),
            url('../fonts/DIN Regular/DIN Regular.ttf') format('truetype'),
            url('../fonts/DIN Regular/DIN Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Bold';
    src: url('../fonts/DIN Bold/DIN Bold.ttf');
    src:
            url('../fonts/DIN Bold/DIN Bold.eot?#font-spider') format('embedded-opentype'),
            url('../fonts/DIN Bold/DIN Bold.woff') format('woff'),
            url('../fonts/DIN Bold/DIN Bold.ttf') format('truetype'),
            url('../fonts/DIN Bold/DIN Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



@media (max-width: 1600px) {

    html {
        font-size: 76px;
    }

}

@media (max-width: 1200px) {

    html {
        font-size: 64px;
    }
    .page .layer-2 .right .box{width: 90%;}
    .page .case-show .top .right{width: 50%;}

}

@media (max-width: 992px) {


    html {
        font-size: 48px;
    }

}

@media (max-width: 768px) {

    html {
        font-size: 50px;
    }

    .banner{margin-top: 60px;}

    .index .about .row{flex-direction: column;padding: 0 20px;}
    .index .about .row .left{width: 100%;}
    .index .about .row .right{width: 100%;padding: 0;}
    .index .about .right .c .item{margin-bottom: 0.5rem;}

    .index .case .box{flex-direction: column;padding: 0 20px;}
    .index .case .box2{flex-direction: column-reverse;}
    .index .case .box .left{width: 100%;}
    .index .case .box .right{width: 100%;}

    .index .case .box .item .mask{background-color: rgba(51,51,51,0.4);opacity: 1;}
	/**
    .index .case .box .item .img-bg{
        -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera 
        filter: grayscale(0%);
    }**/

    .index .case .box .item .mask h3{font-size: 0.3rem;}

    .index .service .row{flex-direction: column;padding: 0 20px;}
    .index .service .right{flex-direction: column;}
    .index .service .right .item{margin-right: 0;margin-bottom: 1rem;width: 100%;}
    .index .service .right .item h6{text-align: center;}
    .index .service .right .item span{text-align: center;}

    .index .service .left{width: 100%;margin-right:0;height: 3rem;position: relative;}
    .index .service .left span{text-align: center;width: 100%;position: absolute;margin-top: 1.5rem;left: 0;top: 0;font-size: 0.64rem;}
    .index .service .left img{position: absolute;
        left: 0;
        top: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: 100% 0%;
        -moz-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
        -o-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }

    .footer .row{flex-direction: column;padding: 0 20px;align-items: center;}
    .footer .row .footer-l{margin-bottom: 1rem;}

    .banner-about{padding-top: 0.5rem;padding-left: 20px;padding-right: 20px;}
    .banner-about img{width: 46.8%;}
    .page .layer-1 .top .l{width: 100%;}
    .page .layer-1 .top .r{width: 100%;margin-bottom: 0.4rem;}
    .page .layer-1 .top,.page .layer-1 .box{flex-direction: column;padding-left: 20px;padding-right: 20px;}
    .page .layer-1 .box .left,.page .layer-1 .box .right{width: 100%;}

    .page .layer-2{padding-bottom: 0.6rem;}
    .page .layer-2 .row{flex-direction: column;}
    .page .layer-2 .left{width: 100%;margin-bottom: 0.5rem;}
    .page .layer-2 .right{width: 100%;padding-left: 20px;padding-right: 20px;}
    .page .layer-2 .right .box{width: 100%;margin-bottom: 0.5rem;}
    .page .layer-2 .right img{width: 100%;}
	
	.page  .layer-3 .row{padding-left: 20px;padding-right: 20px;}
	.page  .layer-3 .row img{height:3.9rem;}

    .page .case{margin-top: 0;}
    .page .case .class{flex-direction: column;margin-bottom: 0.6rem;}
    .page .case .class .item{width: 100%;}
    .page .case .class .active{width: 100%;}

    .page .case .list .items{flex-direction: column;padding-left: 20px;padding-right: 20px;}
    .page .case .list .items .item{width: 100%;margin-bottom: 0.6rem;}
    .page .case .list .items .item .img-box img{max-height: none;}
    .page .case .list .items .item .title{font-size: 20px;}
    .page .case .list .items .item .info p{font-size: 16px;}
    .page .case .list .items .item .info .more{font-size: 16px;}
    .page .case .list .pages .items{flex-direction: row;}

    .banner-article{padding: 0.7rem 20px 0 20px;}
    .banner-article .box h1{font-size: 0.6rem;}
    .banner-article .box h2{margin-top: 0.7rem;font-size: 0.4rem;}

    .page .case-show .box{padding-left: 20px;padding-right: 20px;}
    .page .case-show .box .top{margin-top: 0;flex-direction: column;height: auto;}
    .page .case-show .top .left{width: 100%;margin-bottom: 0.6rem;}
    .page .case-show .top .left .position{margin-top: 0.8rem;font-size: 16px;}
    .page .case-show .top .left .position a{font-size: 16px;}
    .page .case-show .top .left .s-t{font-size: 16px;}
    .page .case-show .top .left .s-c{font-size: 24px;}
    .page .case-show .top .right{width: 100%;}
    .page .case-show .top .right p{font-size: 14px;}

    .page .case-show .turn-page{flex-direction: column;align-items: flex-start;}
    .page .case-show .turn-page .item{margin: 0.1rem 0;}
    .page .case-show .turn-page .item img{display: none;}
    .page .case-show .turn-page .back{display: none;}

    .page .case-show .hot-list .items{flex-direction: column;}
    .page .case-show .hot-list .items .item{width: 100%;margin-bottom: 0.6rem;}
    .page .case-show .hot-list .items .item .img-box img{max-height: none;}
    .page .case-show .hot-list .items .item .title{font-size: 20px;}

    .page .service{margin-top: 0.5rem;}
    .page .service .items{flex-direction: column;padding-left: 20px;padding-right: 20px;}
    .page .service .items .item{width: 100%;margin-bottom: 1rem;}
/**
    .banner-contact{padding: 0.7rem 20px 0.3rem 20px;background-position: 70% 0%;}
    .banner-contact .box{width: 100%;flex-wrap: nowrap;}
    .banner-contact .center{flex-direction: column;align-items: flex-start;display: block;}
    .banner-contact .center .left{width: 60%;margin-bottom: 0.6rem;}
    .banner-contact .center .right{width: 60%;margin-left: 0;}
    .banner-contact .bottom{flex-direction: column;width: 60%;box-shadow: none;display: block;}
    .banner-contact .bottom .item{width: 100%;margin-bottom: 0.3rem;padding: 0.13rem 0;
        -moz-box-shadow: 0.09rem 0.09rem 0 #C8C8C8;
        -webkit-box-shadow: 0.09rem 0.09rem 0 #C8C8C8;
        box-shadow: 0.09rem 0.09rem 0 #C8C8C8;
    }**/
    .min-footer .row{padding-left: 20px;padding-right: 20px;}
    .min-footer .t{flex-direction: column;}
    .min-footer .t .items{width: 100%;margin-bottom: 0.5rem;flex-direction: column;align-items: center;margin-top: 0.5rem;}
    .min-footer .t .items .item{margin-bottom: 0.3rem;margin-right: 0;}
    .min-footer .t .follow{width: 100%;justify-content: center;}

    .min-footer .b p{line-height: 1.5;}

    .goTop .box{margin-right: 20px;z-index: 1;}
    .goTop .slide{right: 0;}


}

@media (max-width: 576px) {


}




@media (min-width: 1600px) {

    html {
        font-size: 100px;
    }
    .container {
        max-width: 1500px;
    }

}

@media (min-width: 1200px) {



}


@media (min-width: 992px) {



}


@media (min-width: 768px) {




}


@media (min-width: 576px) {



}